<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    

    <script>

        // 在获取cookie的时候   只会拿到名称和内容   --- 路径和有效期等其他内容不会获取到

        // 拿到的是字符串  是所有的cookie
        //    key=value; key=value; key=value ....

        const str = document.cookie ;
        console.log(str);   // pwd=123; email=123@qq.com; name=cc


        // 处理数据  
        // [
        //     {
        //         name : 'name' ,
        //         content : 'yy' ,
        //     } ,
        //     {
        //         name : 'pwd' ,
        //         content : '123' ,
        //     } ,
        //     {
        //         name : 'email' ,
        //         content : '123@qq.com' ,
        //     } ,
        // ]

        //  name 和 content  这些属性名可以自定义

        let arr = str.split('; ') ;   // 分号加空格
        console.log(arr);


        // let res = [] ;
        // for(let i = 0 ; i < arr.length ; i++) {
        //     let arr2 = arr[i].split('=') ;
        //     const obj = {
        //         name : arr2[0] ,
        //         content : arr2[1]
        //     }
        //     res.push(obj)
        // }

        // console.log(res);

        let res = arr.map(item => {
            const arr2 = item.split('=') ;
            // const obj = {
            //     name : arr2[0] ,
            //     content : arr2[1]
            // }
            // return obj
            return {
                name : arr2[0] ,
                content : arr2[1]
            }
        })

        console.log(res);


    </script>

</body>
</html>